import React, { Component } from 'react'

export default class Blog extends Component {
  constructor() {
    super()
    this.state = {
      x: [<div key="1">hello</div>, <div key="2"> world</div>]
    }
  }

  render() {
    return (
      // createElement(
      //   'div',
      //   {
      //     className: 'app',
      //     id: 'appRoot'
      //   },
      //   createElement(
      //     'h1',
      //     {
      //       className: 'title'
      //     },
      //     '欢迎进入React的世界'
      //   ),
      //   createElement(
      //     'p',
      //     null,
      //     'React.js 是一个帮助你构建页面 UI 的库'
      //   )
      // )
      <div className='app' id='appRoot'>
        <h1 className='title'>欢迎进入React的世界</h1>
        <>
          React.js 是一个帮助你构建页面 UI 的库
          {/* 自动渲染组件集合 */}
          {this.state.x}
        </>
      </div>
    )
  }
}

